import { createApp } from 'vue'

import 'normalize.css' // 初始化样式
import '@/assets/styles/common.less'   // 自定义公共样式
// import '@/assets/styles/mixins.less'
// import '@/assets/styles/variables.less'

import App from './App.vue'

import router from '@/router'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import MyUi from './components'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

const app = createApp(App)
app.directive('bgc', {
  mounted(el: HTMLElement, { value }) {
    el.style.backgroundColor = value
    // el.style.backgroundColor = 'pink'
  }
})

app.use(router).use(pinia).use(MyUi).mount('#app')
